<!-- platform-rules.vue -->
<template>
  <view>
    <view>
      <image
        style="height: 254rpx; width: 100%"
        src="https://safood-1317438654.cos.ap-guangzhou.myqcloud.com/tempImage/1736305730677dec428e543.png"
      ></image>
    </view>
    <view class="rules-container">
      <view class="rule-item" v-for="(item, index) in rulesList" :key="index">
        <view class="rule-header" @click="toggleSection(index)">
          <text class="rule-title">{{ item.title }}</text>
          <image
            src="@/static/images/arrow-right.png"
            class="icon"
            :class="{ 'icon-rotate': item.isOpen }"
          ></image>
        </view>
        <view class="rule-content" v-if="item.isOpen">
          <view class="content-list">
            <block v-if="item.content">
              <text class="content-text">{{ item.content }}</text>
            </block>
            <block v-if="item.list">
              <text
                class="content-text"
                v-for="(listItem, listIndex) in item.list"
                :key="listIndex"
                >• {{ listItem }}</text
              >
            </block>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      rulesList: [
      {
          title: "平台正品保障服务须知",
          content:
          "一、服务宗旨 \n\n 平台承诺，经过平台销售商品均为正品行货。平台旨在为消费者提供一个安全、可靠的购物环境，同时维护平台的良好声誉。\n\n 二、正品定义 \n\n 在本平台，正品指符合国家质量标准、具有合法来源、且未经篡改或假冒的商品。我们平台所售商品均为正品，并承担因售假而引发的相应责任。\n\n 三、服务内容 \n\n正品承诺：在平台上销售的每一件商品均承诺为正品，并提供相应的品质保证。 验证机制：平台将对上传的商品信息进行严格审核，包括但不限于品牌授权、质量检测报告等。同时，鼓励消费者通过平台提供的验证渠道对商品进行真伪验证。 赔付承诺：若消费者在购买后发现商品存在假冒、盗版或质量问题，平台将依据相关规定，进行退货退款，并视情况给予消费者相应的赔偿。\n\n 四、消费者权益\n\n 知情权：消费者有权了解所购商品的真实信息，包括品牌、产地、材质等。 维权途径：若消费者购买的商品存在质量问题或疑似假冒，可通过平台客服、投诉举报渠道进行维权。 赔偿权利：经平台核实，若确实存在售假行为，消费者有权要求进行赔偿，并享受平台提供的相应保障服务。\n\n 五、注意事项 \n\n消费者在购买商品时，应仔细核对商品信息及平台规则，以确保购买到正品商品。 消费者在提出正品保障赔付申请时，应提供真实、有效的凭证，并积极配合平台的调查和处理。 本须知最终解释权归平台所有，如有变更，平台将提前通知消费者。\n\n 六、其他 \n\n 正品保障服务是电商平台为保障消费者权益而推出的一项重要服务。消费者在享受此服务的同时，也应积极维护自己的合法权益，对售假行为进行监督和举报。同时，平台也在不断完善正品保障服务机制，提高赔付效率和消费者满意度。",
          isOpen: true,
        },
        {
          title: "平台发货规则",
          content:
            "下单后，由于后台处理或仓库配单流程，发货可能不会立即进行，但平台承诺将在48小时内完成发货。具体发货时间请以订单详情页显示为准。",
          isOpen: true,
        },
        {
          title: "配送时效",
          list: [
            "本平台所有商品对普通地区均享受包邮服务，但由于地理位置偏远及物流成本等因素的限制，新疆、西藏、青海等偏远地区，目前暂无法提供包邮服务。",
            "在商品配送过程中，可能会遇到多种外部因素的影响，包括但不限于库存状况、同时段的订单数量、天气条件以及物流公司的运营安排等。这些因素可能会导致实际配送时间有所波动，可能早于或晚于我们提供的预计送达时间。为了确保您能够准确掌握商品的配送进度，具体请以物流信息为准。",
          ],
          isOpen: true,
        },
        {
          title: "对于鲜活易腐商品须知",
          list: [
            "发货签收 \n 因鲜活易腐商品特殊性，请在下单时核对好收货地址，如需修改地址，请在下单未发货前联系客服修改正确地址，发货后不支持修改地址，退回，退款，拦截。如遇消费者地址错误或无法联系等原因，造成的无法派送，无理由拒签等导致的商品损坏腐烂，本平台概不负责!",
            "包装软化 \n 对于鲜活易腐商品需要采用保温措施的，我们采用泡沫箱加冰袋干冰等多重措施，泡沫箱实际相当于一个小型冰箱冷藏，但由于快递运输过程中天气地域温度等原因收到的商品会有轻微的软化，属于正常现象，肉的品质不会发生变化，请放心食用。如遇产品变质，请及时联系客服。",
            "拒签退货 \n 因鲜活易腐商品特殊性，产品不支持7天无理由退换货，请在送达后第一时间签收，当面检查包装是否完好，有任何问题请及时拍照留证12个小时内联系客服，有坏包赔，缺斤少两包补，请勿私下直接申请售后或拒收。如因拒签，超时，忘记领取，无法提供凭证等原因导致的商品品质问题，平台概不负责!",
            "实物差异 \n 平台销售的商品图片实时拍摄仅供参考，因光线或显示因素，图片与实物可能存在差异，请以实物为准，下单前请和客服确认清楚，因分割部位不同，养殖差异及分割技术差异等，对产品形状、口感及属性要求极准确者勿拍!"
        ],
          isOpen: true,
        },
        {
          title: "对于非鲜活易腐商品须知",
          list: [
            "发货签收 \n 请在下单时，核对好收货地址，如需修改地址，请在下单未发货前联系客服修改正确地址，发货后不支持修改地址，退回，退款，拦截。如遇消费者地址错误或无法联系等原因，造成的无法派送，无理由拒签等导致的商品延误、损坏、丢失，本平台概不负责!",
            "拒签退货 \n 非产品质量原因，不支持7天无理由退换货，请在送达后第一时间签收，当面检查包装是否完好，有任何问题请及时拍照留证12个小时内联系客服都会负责到底，有坏包赔，有缺包补。如因拒签，超时，忘记领取，无法提供凭证等原因导致的商品丢失延误，平台概不负责!",
            "实物差异 \n 平台销售的商品图片实时拍摄仅供参考，因光线或显示因素，图片与实物可能存在差异，具体请以实物为准。"
        ],
          isOpen: true,
        },
        {
          title: "价格说明",
          list: [
            "如遇平台上的商品减价、折扣等，具体以当天活动促销为准。特价/促销等商品同样享受福气值，但个别商品可能不含福气值，具体以所购商品详情为准。"
        ],
          isOpen: true,
        },
        {
          title: "规则调整、争议解决及最终解释权",
          list: [
            "规则调整通知 本平台保留根据市场状况及经营策略适时调整规则的权利。规则调整将通过平台公告或平台系统消息的方式进行正式通知。",
            "争议解决流程 消费者在交易过程中如有疑问或争议，应通过平台客服渠道进行反馈。平台将迅速响应并处理消费者的疑问或争议，确保交易公正、透明。",
            "最终解释权声明 平台规则的解释权归平台所有。如遇未尽事宜或规则理解上的分歧，平台将根据实际情况进行合理解释和处理。请消费者在遵守平台规则的同时，也理解并尊重平台的最终解释权。",
        ],
          isOpen: true,
        },
      ],
    };
  },
  methods: {
    toggleSection(index) {
      this.rulesList[index].isOpen = !this.rulesList[index].isOpen;
    },
  },
};
</script>

<style lang="scss">
.rules-container {
  padding: 20rpx;
  background-color: #fff;
}

.rule-item {
  border-bottom: 2rpx solid #eee;

  &:last-child {
    border-bottom: none;
  }
}

.rule-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30rpx 20rpx;
  position: relative;
}

.rule-title {
  font-size: 28rpx;
  color: #333;
  font-weight: 600;
}

.icon {
  width: 12rpx;
  height: 20rpx;
  margin-left: 10rpx;
  font-size: 24rpx;
  color: #999;
  transition: transform 0.3s ease;

  &.icon-rotate {
    transform: rotate(90deg);
  }
}

.rule-content {
  padding: 20rpx;
  background-color: #fff;
}

.content-list {
  display: flex;
  flex-direction: column;
  gap: 20rpx;
}

.content-text {
  font-size: 26rpx;
  color: #666;
  line-height: 1.6;
}
</style>
